﻿<!DOCTYPE html>
<!--
Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
For licensing, see LICENSE.html or https://ckeditor.com/legal/ckeditor-oss-license/
-->
<html>
<head>
	<title>CKEditor Samples</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="sample.css">
</head>
<body>
	<h1 class="samples">
		CKEditor Samples
	</h1>
	<div class="twoColumns">
		<div class="twoColumnsLeft">
			<h2 class="samples">
				Basic Samples
			</h2>
			<dl class="samples">
				<dt><a class="samples" href="replacebyclass.html">Replace textarea elements by class name</a></dt>
				<dd>Automatic replacement of all textarea elements of a given class with a CKEditor instance.</dd>

				<dt><a class="samples" href="replacebycode.html">Replace textarea elements by code</a></dt>
				<dd>Replacement of textarea elements with CKEditor instances by using a JavaScript call.</dd>
			</dl>

			<h2 class="samples">
				Basic Customization
			</h2>
			<dl class="samples">
				<dt><a class="samples" href="uilanguages.html">User Interface languages</a></dt>
				<dd>Changing CKEditor User Interface language and adding a drop-down list that lets the user choose the UI language.</dd>
			</dl>

			<!-- %REMOVE_START% -->
			<h2 class="samples">
				Plugins
			</h2>
			<dl class="samples">
				<dt><a class="samples" href="../plugins/autogrow/autogrow.html/autogrow.html">AutoGrow plugin</a><span class="new">New!</span></dt>
				<dd>Using the AutoGrowplugin in order to make the editor grow to fit the size of its content.</dd>

				<dt><a class="samples" href="../plugins/bbcode/bbcode.html/bbcode.html">Output for BBCode</a></dt>
				<dd>Configuring CKEditor to produce <strong>BBCode</strong> tags instead of HTML.</dd>

				<dt><a class="samples" href="../plugins/devtools/devtools.html/devtools.html">Developer Tools plugin</a></dt>
				<dd>Using the Developer Tools plugin to display information about dialog window UI elements to allow for easier customization.</dd>

				<dt><a class="samples" href="../plugins/stylesheetparser/stylesheetparser.html/stylesheetparser.html">Stylesheet Parser plugin</a></dt>
				<dd>Using the &lt;b&gt;Stylesheet Parser&lt;/b&gt; plugin to fill the Styles drop-down list based on the CSS classes available in the document stylesheet.</dd>
			</dl>
			<!-- %REMOVE_END% -->
			<!-- PLUGINS_SAMPLES -->
		</div>
		<div class="twoColumnsRight">
			<h2 class="samples">
				Inline editing <span class="new">New!</span>
			</h2>
			<dl class="samples">
				<dt><a class="samples" href="inlineall.html">Massive inline editor creation</a> <span class="new">New!</span></dt>
				<dd>Turn all elements with <code>contentEditable = true</code> attribute into inline editors.</dd>

				<!-- INLINE_EDITING_SAMPLES -->
			</dl>

			<h2 class="samples">
				Advanced Samples
			</h2>
			<dl class="samples">
				<dt><a class="samples" href="api.html">Basic usage of the API</a></dt>
				<dd>Using the CKEditor JavaScript API to interact with the editor at runtime.</dd>

				<dt><a class="samples" href="apidialog.html">Using the JavaScript API to customize dialog windows</a></dt>
				<dd>Using the dialog windows API to customize dialog windows without changing the original editor code.</dd>

				<!-- ADVANCED_SAMPLES -->
			</dl>
		</div>
	</div>
	<div id="footer">
		<hr>
		<p>
			CKEditor - The text editor for the Internet - <a class="samples" href="https://ckeditor.com/">https://ckeditor.com</a>
		</p>
		<p id="copy">
			Copyright &copy; 2003-2022, <a class="samples" href="https://cksource.com/">CKSource</a> Holding sp. z o.o. All rights reserved.
		</p>
	</div>
</body>
</html>
